<template>
	<view>
		<view >
			<!-- 这是一个测试组件 -->
			{{title}}
		</view>
		<button @click="sendNum" type="primary">给父组件传值</button>
	</view>
</template>

<script>
	export default {
		name:"test",
		props:['title'],
		data() {
			return {
				num:30,
				intId:null
			};
		},
		methods:{
			sendNum(){
				console.log('给父传值'),
				// 通过this.$emit 传 定义的事件 myEven写到 用这个组件的 后面是要传的参数
				this.$emit('myEven',this.num)
			}
		},
		created() {
			this.intId = setInterval(()=>{
				console.log(1)
			},1000)
			
			console.log(this.intId,"hhh")
		},
		// 组件销毁 清除定时器
		destroyed() {
			console.log('组件销毁')
			clearInterval(this.intId)
		}
		// 组件的生命周期函数 和 vue的生命周期函数一样的
		
		// 组件生命周期
		// uni-app 组件支持的生命周期，与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期：
		
		// 函数名	说明	平台差异说明	最低版本
		// beforeCreate	在实例初始化之后被调用。详见		
		// created	在实例创建完成后被立即调用。详见	进行数据的初始化	
		// beforeMount	在挂载开始之前被调用。详见		
		// mounted	挂载到实例上去之后调用。详见 注意：此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTickVue官方文档		
		// beforeUpdate	数据更新时调用，发生在虚拟 DOM 打补丁之前。详见	仅H5平台支持	
		// updated	由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。详见	仅H5平台支持	
		// beforeDestroy	实例销毁之前调用。在这一步，实例仍然完全可用。详见		
		// destroyed	Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。详见
	}
</script>

<style lang="scss">

</style>
